<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.thymeleaf.org/thymeleaf-extras-shiro">
<head>
    <meta charset="UTF-8">
    <title>组件</title>
</head>
<body>

    <div class="layui-header" th:fragment="header">
        <!-- 头部区域 -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item layadmin-flexible" lay-unselect>
                <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                    <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                </a>
            </li>
            <li class="layui-nav-item layui-hide-xs" lay-unselect>
                <a th:href="@{/person}" target="_blank" title="博客前端">
                    <i class="layui-icon layui-icon-website"></i>
                </a>
            </li>
            <li class="layui-nav-item" lay-unselect>
                <a href="javascript:;" layadmin-event="refresh" title="刷新">
                    <i class="layui-icon layui-icon-refresh-3"></i>
                </a>
            </li>
            <li class="layui-nav-item layui-hide-xs" lay-unselect>
                <input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="/blog/getBlogs?page=1&limit=15&searchContent=">
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">

            <li class="layui-nav-item" lay-unselect>
                <a lay-href="app/message/index.html" layadmin-event="message" lay-text="消息中心">
                    <i class="layui-icon layui-icon-notice"></i>

                    <!-- 如果有新消息，则显示小圆点 -->
                    <span class="layui-badge-dot"></span>
                </a>
            </li>
            <li class="layui-nav-item layui-hide-xs" lay-unselect>
                <a href="javascript:;" layadmin-event="theme">
                    <i class="layui-icon layui-icon-theme"></i>
                </a>
            </li>
            <li class="layui-nav-item layui-hide-xs" lay-unselect>
                <a href="javascript:;" layadmin-event="note">
                    <i class="layui-icon layui-icon-note"></i>
                </a>
            </li>
            <li class="layui-nav-item layui-hide-xs" lay-unselect>
                <a href="javascript:;" layadmin-event="fullscreen">
                    <i class="layui-icon layui-icon-screen-full"></i>
                </a>
            </li>
            <li class="layui-nav-item" lay-unselect>
                <a href="javascript:;">
                    <cite><p th:text="${session.loginUser}"></p></cite>
                </a>
                <dl class="layui-nav-child">
                    <dd><a lay-href="set/user/info.html">基本资料</a></dd>
                    <dd><a lay-href="set/user/password.html">修改密码</a></dd>
                    <hr>
                    <dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
                </dl>
            </li>

            <li class="layui-nav-item layui-hide-xs" lay-unselect>
                <a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>
            </li>
            <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
                <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
            </li>
        </ul>
    </div>
    <!-- 侧边菜单 -->
    <div class="layui-side layui-side-menu" th:fragment="siderbar">
        <div class="layui-side-scroll">
            <div class="layui-logo" lay-href="#">
                <span>博客后台管理系统</span>
            </div>

            <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
                <li data-name="home" class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;" lay-tips="主页" lay-direction="2">
                        <i class="layui-icon layui-icon-home"></i>
                        <cite>主页</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd data-name="console" class="layui-this">
                            <a th:lay-href="@{/person}">个人主页</a>
                        </dd>
                        <dd data-name="console">
                            <a th:lay-href="@{/person}">个人简历</a>
                        </dd>
                    </dl>
                </li>
                <li data-name="template" class="layui-nav-item">
                    <a href="javascript:;" lay-tips="页面" lay-direction="2">
                        <i class="layui-icon layui-icon-template"></i>
                        <cite>页面</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a th:lay-href="@{/person}">留言板</a></dd>
                        <dd><a th:href="@{/person}" target="_blank">注册</a></dd>
                        <dd><a th:href="@{/toLogin}" target="_blank">登录</a></dd>
                        <dd><a th:href="@{/person}" target="_blank">忘记密码</a></dd>
                        <dd><a lay-href="http://www.baidu.com/">百度一下</a></dd>
                    </dl>
                </li>
                <li data-name="template" class="layui-nav-item">
                    <a href="javascript:;" lay-tips="内容" lay-direction="2">
                        <i class="layui-icon layui-icon-read"></i>
                        <cite>内容</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a th:lay-href="@{/blogs}">文章列表</a></dd>
                        <dd><a th:lay-href="@{/comments}" target="_blank">评论管理</a></dd>
                        <dd><a th:lay-href="@{/types}" target="_blank">分类管理</a></dd>
                    </dl>
                </li>
                <li data-name="template" class="layui-nav-item">
                    <a href="javascript:;" lay-tips="社区" lay-direction="2">
                        <i class="layui-icon layui-icon-tabs"></i>
                        <cite>社区</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a th:lay-href="@{/person}">帖子列表</a></dd>
                        <dd><a th:lay-href="@{/person}" target="_blank">回帖列表</a></dd>
                        <dd><a th:lay-href="@{/person}" target="_blank">消息中心</a></dd>
                    </dl>
                </li>
                <li data-name="user" class="layui-nav-item">
                    <a href="javascript:;" lay-tips="用户" lay-direction="2">
                        <i class="layui-icon layui-icon-user"></i>
                        <cite>用户</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a th:lay-href="@{/users}">网站用户</a>
                        </dd>
                        <dd>
                            <a th:lay-href="@{/admins}">后台管理员</a>
                        </dd>
                        <dd>
                            <a th:lay-href="@{/roles}">角色管理</a>
                        </dd>
                    </dl>
                </li>
                <li data-name="set" class="layui-nav-item">
                    <a href="javascript:;" lay-tips="设置" lay-direction="2">
                        <i class="layui-icon layui-icon-set"></i>
                        <cite>设置</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd class="layui-nav-itemed">
                            <a href="javascript:;">系统设置</a>
                            <dl class="layui-nav-child">
                                <dd><a th:lay-href="@{/person}">网站设置</a></dd>
                                <dd><a th:lay-href="@{/person}">邮件服务</a></dd>
                            </dl>
                        </dd>
                        <dd class="layui-nav-itemed">
                            <a href="javascript:;">我的设置</a>
                            <dl class="layui-nav-child">
                                <dd><a th:lay-href="@{/person}">基本资料</a></dd>
                                <dd><a th:lay-href="@{/person}">修改密码</a></dd>
                            </dl>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页面标签 -->
    <div class="layadmin-pagetabs" id="LAY_app_tabs" th:fragment="page">
        <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
        <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
        <div class="layui-icon layadmin-tabs-control layui-icon-down">
            <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;"></a>
                    <dl class="layui-nav-child layui-anim-fadein">
                        <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                        <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                        <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
            <ul class="layui-tab-title" id="LAY_app_tabsheader">
                <li lay-id="home/console.html" lay-attr="home/console.html" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
            </ul>
        </div>
    </div>
</body>
</html>